<script setup lang="ts">
import HomeBanner from './components/homeBanner.vue';
import HomeCategory from './components/homeCategory.vue';
// import HomePanel from './components/homePanel.vue';
import HomeNew from './components/homeNew.vue';
import HomeHot from './components/homeHot.vue';
import HomeProduct from './components/homeProduct.vue';
</script>

<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- banner轮播图 -->
        <HomeBanner />
      </div>
    </div>
    <!-- 楼层面板组件和 home-entry 同级 -->
    <!-- 新鲜好物 -->
    <HomeNew />
    <!-- 人气推荐 -->
    <HomeHot />
    <!-- <HomePanel title="大标题" sub-title="副标题">
      <template #right>
        <XtxMore />
      </template>
      <h2>我是主体内容-默认插槽</h2>
    </HomePanel> -->
    <HomeProduct />
  </div>
</template>

<style lang="less" scoped></style>
